<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>bookStore列表</title>
    <%--导入css --%>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/client/css/main.css" type="text/css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/bootstrap/css/bootstrap.min.css" type="text/css" />
</head>
<body class="main">
<jsp:include page="head.jsp" />
<jsp:include page="menu_search.jsp" />
<div id="divpagecontent">
    <table width="100%" border="0" cellspacing="0">
        <tr>
            <td>
                <div style="text-align:right; margin:5px 10px 5px 0px">
                    <a href="${pageContext.request.contextPath }/index.jsp">首页</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;
                    ${category.name}
                    &nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;
                    图书列表
                </div>
                <table cellspacing="0" class="listcontent">
                    <tr>
                        <td>
                            <h1>商品目录</h1>
                            <hr />
                            <h1>${category.name}</h1>&nbsp;&nbsp;&nbsp;&nbsp;共${pageInfo.total}种商品
                            <hr />
                            <div style="margin-top:20px; margin-bottom:5px">
                                <img src="${pageContext.request.contextPath }/client/images/productlist.gif" width="100%" height="38" />
                            </div>

                            <table cellspacing="0" class="booklist">
                                <tr>
                                    <c:forEach items="${pageInfo.list}" var="p" varStatus="vs">
                                        <td>
                                            <div class="divbookpic">
                                                <p>
                                                    <a href="${pageContext.request.contextPath}/findProductById.do?id=${p.id}">
                                                        <img src="${pageContext.request.contextPath}${p.imgurl}" width="115" height="129" border="0" />
                                                    </a>
                                                </p>
                                            </div>
                                            <div class="divlisttitle">
                                                <a href="${pageContext.request.contextPath}/findProductById.do?id=${p.id}">书名： ${p.name}<br />售价：￥${p.price} </a>
                                            </div>
                                        </td>
                                    </c:forEach>
                                </tr>
                            </table>
                            <div class="container">
                                <div class="row clearfix">
                                    <div class="col-md-12 column" style="text-align: center">
                                        <ul class="pagination" style="width: auto">
                                            <c:choose>
                                                <c:when test="${pageInfo.pageNum == 1}">
                                                    <li class="disabled">
                                                        <a href="#">上一页</a>
                                                    </li>
                                                </c:when>
                                                <c:otherwise>
                                                    <li>
                                                        <a href="/pageProducts.do?currentPage=${pageInfo.pageNum-1}&id=${category.id}">上一页</a>
                                                    </li>
                                                </c:otherwise>
                                            </c:choose>

                                            <c:forEach begin="1" end="${pageInfo.pages}" var="page">
                                                <c:choose>
                                                    <c:when test="${pageInfo.pageNum == page}">
                                                        <li class="active">
                                                            <a href="#">${page}</a>
                                                        </li>
                                                    </c:when>
                                                    <c:otherwise>
                                                        <li>
                                                            <a href="/pageProducts.do?currentPage=${page}&id=${category.id}">${page}</a>
                                                        </li>
                                                    </c:otherwise>
                                                </c:choose>
                                            </c:forEach>

                                            <c:choose>
                                                <c:when test="${pageInfo.pageNum == pageInfo.pages}">
                                                    <li class="disabled">
                                                        <a href="#">下一页</a>
                                                    </li>
                                                </c:when>
                                                <c:otherwise>
                                                    <li>
                                                        <a href="/pageProducts.do?currentPage=${pageInfo.pageNum+1}&id=${category.id}">下一页</a>
                                                    </li>
                                                </c:otherwise>
                                            </c:choose>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<jsp:include page="foot.jsp" />
</body>
</html>
